<template >
    <div class="index_banner">
      <el-carousel indicator-position="none" arrow="never" :interval="5000" :loop="true">
        <el-carousel-item v-for="(item,index) in slides" :key="index">
          <img :src="item.thumb"/>
        </el-carousel-item>
      </el-carousel>
      <div class="logo" 
             style="position: absolute;z-index: 9"
            :style="{
              left:config.logo_loc_left,
              right:config.logo_loc_right,
              top:config.logo_loc_top,
              bottom: config.logo_loc_bottom
            }">
        <img style="height: 400px;width: 368px;" :src="config.logo_img"/>
      </div>
    </div>
</template>
<script>
    export default {
        name: "banner",
        props:{
          config: {
              required: true,
              default: [],
          },
          slides: {
              required: true,
              default: [],
          },
        },
        data(){
          return{
            status:false,
            flag:true,//表示左侧菜单状态，默认为显示right
          }
        },
        created(){

        },
    }
</script>
